草庐IT

Angular 2 表单

全部标签

javascript - Angular 4 Reactive Forms FormControl错误为空

如果我在没有输入任何内容的情况下切换文本输入,则会显示错误消息divs,表明所需的验证器已正确触发。但是,如果我在其中一个字段中键入任何内容,控制台会立即抛出此错误:Cannotreadproperty'required'ofnull这是我的组件:import{PasswordValidators}from'./../validators/password.validators';import{Component,OnInit}from'@angular/core';import{FormBuilder,Validators,FormGroup,FormControl}from'@an

javascript - 使用 Angular 4 中的 ReactiveForms 使两个 FormControl 输入元素保持同步

给定一个组件,带有一个表单声明ngOnInit(){this.form=this.fb.group({address:[""],});}表单上的两个输入控件,都引用同一个控件。如何使每个控件中的输入值保持相同。更新每个输入元素确实会更改模型值,但不会更改其他相应的输入值。我确信这是设计使然。我在选项卡式界面上使用控件,每个选项卡上都需要一个副本。有没有简单的方法让它们保持更新?我有一个workingplunkerdemonstration. 最佳答案 只需在表单中添加一个值字段看看这个plunker

javascript - 如何使用javascript在IE中的表单中设置文本区域值

如果是Firefox,我可以使用它来设置表单(提交问题)中的文本区域(selectedtext)值,但它在IE中失败。document.submitquestion.selectedtext.value=txt; 最佳答案 这应该有效:fromdocument.getElementById("bla").value="test"; 关于javascript-如何使用javascript在IE中的表单中设置文本区域值,我们在StackOverflow上找到一个类似的问题:

javascript - 如何将焦点设置到 Django 表单元素的 CharField

我的登录页面使用Django的表单。我想在页面加载时将焦点设置到第一个文本字段(用户名)。我尝试按如下方式使用Jquery,但没有得到结果。forms.py:fromdjangoimportformsclassLoginForm(forms.Form):userName=forms.EmailField(max_length=25)password=forms.CharField(widget=forms.PasswordInput,label="password")登录.html%blockheadextra%}$(document).ready(function(){window.

javascript - 如何在不破坏 Angular 模型(数组)的情况下过滤它

我有一个适合我的观点的模型。该模型是对象数组:vararr={"12345qwery":{prop1:"value",prop2:"value"}}//contains500items今天我用以下方式过滤它:arr=$filter('filter')(arr,filterTerm);//contains4items在这一行之后,我得到了很好的过滤数据,但是如果我再次运行这个过滤器,我没有500个项目,而是4个。因此,为了避免这种情况,我将原始数组存储在临时对象中,当用户更改过滤器时,我首先使用备份数据更新arr(它是原始的500项)并进行过滤。现在我遇到了麻烦,因为我有多个过滤器,我必

javascript - 如何在 Angular2+ 中使用 ngStyle 将转换翻译属性应用于元素

我正在尝试使用[ngStyle]有条件地将transform:translateX($value)直接应用于模板元素,但我找不到任何人谈论这个。主要是因为我不知道要搜索什么:D。我见过一些使用[style.color]进行基本样式设置的方法,或者使用[attr.style]="{'transform':'translateX(4rem)'}"但最后一个在呈现的HTML中返回:style="unsafe"。我已经看到您可以使用Sanitizer来清理或绕过您的样式/脚本等...但在这一点上,它开始“闻起来”像您不应该做的事情?我正在寻找一种干净的方法来实现这一目标。但我不知道去哪里找。提

javascript - 在 angular.js 中切换类和文本

有一个锁定和解锁功能,在html中表示为Lock和UnLock解锁/锁定实际上是一个RESTAPI调用$scope.unlock=function(user){user.$unlock();}$scope.lock=function(user){user.$lock();}如何在angular.js中的两种状态之间切换?我的意思是当执行锁定并成功时,第一个选项应该隐藏,而解锁按钮应该可见。selectedUser.enabled解锁时返回1,锁定时返回0。 最佳答案 只需使用一个li,并用ng:class设置类:HTML:{{sel

javascript - iframe中的Angular js范围var值

我正在使用angularjs。我有一个Controller“youTubePlayerCtrl”,在这个Controller中我有$scope.videoID其中包含youtube视频ID。我能够在h1block的belowsdiv中获得此值。但我无法在iframe中获取{{videoID}},谁能帮我解决这个问题。{{videoID}}这是错误日志:[$interpolate:noconcat]http://errors.angularjs.org/undefined/$interpolate/noconcat?p0=http%3A%2F%2Fwww.youtube.com%2Fem

javascript - Angular : update $scope doesn't work in setTimeout callback

在angular.js中,$scope.greeting=xxx在window.setTimeout中不起作用。它没有任何效果:varmyApp=angular.module('myApp',[]);myApp.controller('MyCtrl',function($scope){$scope.greeting='init';window.setTimeout(function(){console.log('updategreeting');$scope.greeting="hello";//doesn'tworkhere.},3000);})为什么?完整对比如下:有效(在ajax

javascript - Angular ui router ui-sref-active on parent

我有一个父状态和许多子状态。如果我想让父级上的ui-sref-active在我在其中一个child身上时工作,我需要做这个“hack”:$scope.isActive=function(){return$state.includes('playLotteries.Index')||$state.includes('playLotteries.Group')||$state.includes('playLotteries.hunter');}这是非常丑陋的方式,而且我有很多child,所以这似乎不是一个好的解决方案。有人对此问题有其他解决方案吗? 最佳答案